イベント
次のプロパティは、チャートがイベントとどのように対話するかを定義します。
名前 | タイプ | デフォルト | 説明 |
---|---|---|---|
events |
string[] |
['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove'] |
のevents オプションは、チャートがツールチップとホバーリングをリッスンするブラウザー イベントを定義します。もっと... |
onHover |
function |
null |
いずれかのイベントが発生すると呼び出されます。チャートのコンテキストで呼び出され、イベントとアクティブな要素 (バー、ポイントなど) の配列が渡されます。 |
onClick |
function |
null |
イベントのタイプが次の場合に呼び出されます。'mouseup' また'click' 。チャートのコンテキストで呼び出され、イベントとアクティブな要素の配列が渡されます。 |
イベントオプション
たとえば、グラフがクリック イベントにのみ応答するようにするには、次のようにします。
var chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
// This chart will not respond to mousemove, etc
events: ['click']
}
});